// 点击密码登录与扫码登录直接完成相互切换的效果
// 获取两个页面的信息
let inp = document.querySelector('.right .inp');
let qR = document.querySelector('.right .qR');
//获取账号登录与扫码登录
let account = document.querySelector('#account')
let saoMa = document.querySelector('#saoMa')
// 获取下划线
let decoration = document.querySelector('.decoration')
account.addEventListener('click', function () {
    inp.style.display = 'block';
    qR.style.display = 'none';
    decoration.style.left = 114 + 'px'
    account.classList.add('active')
    saoMa.classList.remove('active')
})
saoMa.addEventListener('click', function () {
    qR.style.display = 'block';
    inp.style.display = 'none';
    decoration.style.left = 236 + 'px'
    account.classList.remove('active')
    saoMa.classList.add('active')
})

// 判断两个输入框内是否输入了字符如果有字符就显示清空图标
// 获取清空图标
let userClear = document.querySelector('#userClear');
let pwdClear = document.querySelector('#pwdClear');
// 获取两个输入框
//账号
let user = document.querySelector('#user')
//密码
let pwd = document.querySelector('#pwd')
// 进行判断
// 当输入框发生变化时进行判断  使用input方法判断input状态
user.addEventListener('input', function () {
    if (user.value.length > 0) {
        // console.log(1);
        userClear.style.display = 'block'
    } else {
        // console.log(2);
        userClear.style.display = 'none';
    }
})
pwd.addEventListener('input', function () {
    if (pwd.value.length > 0) {
        // console.log(1);
        pwdClear.style.display = 'block'
    } else {
        // console.log(2);
        pwdClear.style.display = 'none';
    }
})
// 点击清空按钮时，清空输入框
userClear.addEventListener('click', function () {
    user.value = '';
    userClear.style.display = 'none';
})
pwdClear.addEventListener('click', function () {
    pwd.value = '';
    pwdClear.style.display = 'none';
})

// 点击登录按钮后进行依次判断 输入错误的提示错误
// 获取登录按钮
let loginBtn = document.querySelector('#loginBtn')
// 获取提示栏
let userTips = document.querySelector('#userTips')
let pwdTips = document.querySelector('#pwdTips')
loginBtn.addEventListener('click', function () {
    let userReg = /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/
    let pwdReg = /^\d{6}$/

    // console.log(!userReg.test(user.value))
    if (!userReg.test(user.value)) {
        userTips.style.display = 'block';
        userTips.textContent = '您输入的手机号不正确'
    } else if (!pwdReg.test(pwd.value)) {
        userTips.style.display = 'none';
        pwdTips.style.display = 'block';
        pwdTips.textContent = '您的密码不符合要求，密码要是6位数字'
    } else {
        userTips.style.display = 'none';
        pwdTips.style.display = 'none';
        location.href = '../page/home.html'
    }
})